<template>
  <div class="servicecenter">
    <van-nav-bar title="在线客服">
      <van-icon slot="left" name="arrow-left" @click="$router.back()" />
    </van-nav-bar>

    <van-cell-group>
      <van-cell is-link>
        <!-- 使用 title 插槽来自定义标题 -->
        <template #title>
          <span class="custom-title">
            <img class="kefu" src="../../../assets/客服TG.jpg" alt="" />
            <span class="Tele">Telegram</span>
            <span class="time">(08:00-22:00)</span>
          </span>
        </template>
      </van-cell>
    </van-cell-group>

    <van-cell-group>
      <van-cell is-link>
        <!-- 使用 title 插槽来自定义标题 -->
        <template #title>
          <span class="custom-title">
            <img class="kefu" src="../../../assets/客服WAPP.jpg" alt="" />
            <span class="Tele">WhatsApp</span>
            <span class="time">(08:00-22:00)</span>
          </span>
        </template>
      </van-cell>
    </van-cell-group>
  </div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
.servicecenter {
  .custom-title {
    display: flex;
    height: 50px;
    .Tele {
      margin-left: 30px;
      margin-bottom: -15px;
      line-height: 50px;
    }
    .time {
      color: #5c5d60;
      margin-left: 13px;
    }
  }
}
</style>
